<template>
  <van-form class="bodyContent" ref="form">
    <div class="box">
      <img class="rightImg" src="../assets/pres.png" alt="" />
      <div class="headInfo">
        <div class="yellowTop"></div>
        <h2 class="headInfoTop">防疫信息报送</h2>
        <h2 class="headInfoTop">
          请填报您的信息 &nbsp;<img
            class="headInfoMidImg"
            src="../assets/tii.png"
            alt=""
          />
        </h2>
        <div class="headInfoBottom">
          <h2 class="headInfoBottomDesc">基本情况</h2>
          <!-- <label class="block">
            <span style="color: red">*</span>定位：
            <span v-if="flag">
              {{ submitList.user_address }}
            </span>
          </label> -->

          <label class="block"> <span style="color: red">*</span>姓名 </label>
          <van-field
            v-model="submitList.user_name"
            :rules="nameRules"
            name="name"
          ></van-field>
          <!--  <label class="block">身份证后4位</label>
          <van-field v-model="id_card" :rules="idRules" name="name"></van-field> -->
          <label class="block"><span style="color: red">*</span>人员类别</label>
          <van-cell
            class="adressChose"
            is-link
            @click="showPopup"
            v-model="carmodel"
            >{{ this.carmodel }}</van-cell
          >
          <van-popup v-model="show" position="bottom">
            <van-area
              :area-list="areaList2"
              :columns-num="2"
              ref="myArea"
              title="人员类别"
              @confirm="onConfirm"
              @cancel="onCancel"
            />
          </van-popup>
          <div class="tiwen">
            <label class="block"
              ><span style="color: red">*</span>是否发热</label
            >
            <van-radio-group
              direction="horizontal"
              v-model="submitList.is_heat"
              class="temperatrue"
              @change="showTemperatrue"
            >
              <van-radio name="1" style="padding-right: 0.5rem">是</van-radio>
              <van-radio name="0">否</van-radio>
            </van-radio-group>

            <div v-show="isfever">
              <label class="block">
                <span style="color: red">*</span>体温
              </label>
              <van-field
                v-model="submitList.am_temperatrue"
                :class="[
                  parseFloat(submitList.am_temperatrue) >= 37
                    ? 'isActive'
                    : 'noActive',
                ]"
              ></van-field>
            </div>

            <!-- <van-field
                class="tiwenL"
                v-model="submitList.am_temperatrue"
                :class="[
                  parseFloat(submitList.am_temperatrue) >= 37
                    ? 'isActive'
                    : 'noActive',
                ]"
                :rules="twRules"
                name="name"
              ></van-field> -->
            <!-- <div class="inBlock">
              <label>下午体温</label>
              <van-field
                class="tiwenR"
                :class="[
                  parseFloat(submitList.pm_temperatrue) >= 37
                    ? 'isActive'
                    : 'noActive',
                ]"
                v-model="submitList.pm_temperatrue"
                :rules="xwRules"
              ></van-field>
            </div> -->
          </div>
          <div v-show="false">
            <label class="getPosition">定位： </label>
            <span class="addressClassP" v-if="flag">
              {{ submitList.user_address }}
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="ui-info-box">
      <div class="ui-info-box-contant">
        <p class="control-label"><span style="color: red">*</span>上传健康码</p>
        <div style="display: flex; justify-content: space-between">
          <van-uploader
            @delete="delete1"
            v-model="fileList"
            accept="image/*"
            :after-read="handleUpload"
            :before-read="beforeReadJk"
          />
          <div
            class="van-uploader van-image van-uploader__preview-image healthpic"
            style="display: inblock; padding-right: 40px"
          >
            <img src="../assets/health.png" class="van-image__img" />
          </div>
        </div>
      </div>
    </div>
    <div class="ui-info-box">
      <div class="ui-info-box-contant">
        <p class="control-label"><span style="color: red">*</span>上传行程码</p>
        <div style="display: flex; justify-content: space-between">
          <van-uploader
            @delete="deletefile"
            accept="image/*"
            v-model="fileimg"
            :after-read="uploadimg"
            :before-read="beforeReadXc"
          />
          <div
            class="van-uploader van-image van-uploader__preview-image healthpic"
            style="display: inblock; padding-right: 40px"
          >
            <img src="../assets/covid.png" class="van-image__img" />
          </div>
        </div>
      </div>
    </div>
    <div class="ui-info-box">
      <div class="ui-info-box-contant">
        <h2 class="ui-info-title">今日在岗状态</h2>
        <p class="control-label"><span style="color: red">*</span>在岗状态</p>
        <van-dropdown-menu class="infoInputChose">
          <van-dropdown-item
            v-model="submitList.work_state"
            :options="option2"
          />
        </van-dropdown-menu>
      </div>
    </div>
    <div class="ui-info-box">
      <div class="ui-info-box-contant">
        <p class="control-label">
          <span style="color: red">*</span> 是否重点人员
        </p>
        <p class="importantP" @click="getImportantp">
          <span style="color: red; padding-left: 0.4rem">*</span
          >重点人员说明提示
        </p>
        <van-radio-group
          direction="horizontal"
          v-model="submitList.is_important_person"
          style="padding-top: 0.5rem; padding-left: 0.4rem"
          @change="handleImportant"
        >
          <van-radio name="1" style="padding-right: 0.5rem">是</van-radio>
          <van-radio name="0">否</van-radio>
        </van-radio-group>
      </div>
    </div>
    <div
      class="ui-info-box"
      v-show="this.submitList.is_important_person == '1'"
    >
      <div class="ui-info-box-contant">
        <div class="medical_obs_expire">
          <p class="control-label">
            <span style="color: red">*</span>重点人员类型
          </p>
          <van-radio-group
            v-model="importantTrue"
            style="padding-top: 0.3rem; padding-left: 0.4rem"
          >
            <van-radio name="0">第一类人员入园</van-radio>
            <van-radio name="1" style="padding: 0.3rem 0"
              >第二类人员入园</van-radio
            >
            <van-radio name="2">第三类人员入园</van-radio>
          </van-radio-group>
          <div class="hesuan">
            <van-field
              :value="value3"
              @click="showimportantPicker = true"
              class="timeChoose timechoose2"
              clickable
              label="入园时间"
              name="datetimePicker"
              placeholder="点击选择时间"
              readonly
              style="padding-left: 0.9rem"
            />
          </div>
          <img class="timeimg2" src="../assets/close.png" @click="clearImg2" />
          <van-popup position="bottom" v-model="showimportantPicker">
            <van-datetime-picker
              v-model="currentImportantDate"
              @cancel="showimportantPicker = false"
              @confirm="importantTime"
              type="date"
            />
          </van-popup>
        </div>
      </div>
    </div>

    <div
      class="ui-info-box"
      v-show="this.submitList.is_important_person == '1'"
    >
      <div class="ui-info-box-contant ui-contant">
        <p class="control-label">
          <span style="color: red">*</span> 第一次核酸检测报告
        </p>
        <p style="font-size: 0.37rem; padding-left: 0.4rem">
          提示：针对第一、第二、第三类人员
        </p>
        <div class="hesuanImg" style="display: flex; justify-content: left">
          <van-uploader
            :after-read="handleUploadZm"
            :before-read="beforeReadZm"
            @delete="deleteRep"
            accept="image/*"
            v-model="fileRepList"
          />
        </div>

        <div class="hesuan">
          <van-field
            :value="value"
            @click="showPicker = true"
            class="timeChoose timechoose1"
            clickable
            label="第一次核酸时间"
            name="datetimePicker"
            placeholder="点击选择时间"
            readonly
          />
        </div>
        <img class="timeimg1" src="../assets/close.png" @click="clearImg1" />
        <van-popup position="bottom" v-model="showPicker">
          <van-datetime-picker
            v-model="currentDate"
            @cancel="showPicker = false"
            @confirm="onConfirmTime"
            type="date"
          />
        </van-popup>
        <div class="zmRusult">
          <span>核酸检测结果</span>
          <span class="zmRusult2">
            <van-radio-group
              direction="horizontal"
              v-model="isTrue"
              @change="handleisTrue"
            >
              <van-radio name="1">阴性</van-radio>
              <van-radio name="2">阳性</van-radio>
            </van-radio-group>
          </span>
        </div>
      </div>
    </div>
    <div
      class="ui-info-box"
      v-show="this.submitList.is_important_person == '1'"
    >
      <div class="ui-info-box-contant ui-contant">
        <p class="control-label">第二次核酸检测报告</p>
        <p style="font-size: 0.37rem; padding-left: 0.4rem">
          提示：针对第一、第二类人员
        </p>
        <div class="hesuanImg" style="display: flex; justify-content: left">
          <van-uploader
            :after-read="handleUploadSecZm"
            :before-read="beforeReadSecZm"
            @delete="deleteRepSec"
            accept="image/*"
            v-model="fileRepSecList"
          />
        </div>

        <div class="hesuan">
          <van-field
            :value="value2"
            @click="showSecPicker = true"
            class="timeChoose timechoose3"
            clickable
            label="第二次核酸时间"
            name="datetimePicker"
            placeholder="点击选择时间"
            readonly
            clearable
          />
        </div>
        <img class="timeimg3" src="../assets/close.png" @click="clearImg3" />
        <van-popup position="bottom" v-model="showSecPicker">
          <van-datetime-picker
            v-model="currentSecDate"
            @cancel="showSecPicker = false"
            @confirm="onConfirmSecTime"
            type="date"
          />
        </van-popup>
        <div class="zmRusult">
          <span>核酸检测结果</span>
          <span class="zmRusult2">
            <van-radio-group
              direction="horizontal"
              v-model="isSecTrue"
              @change="handleisSecTrue"
            >
              <van-radio name="1">阴性</van-radio>
              <van-radio name="2">阳性</van-radio>
            </van-radio-group>
          </span>
        </div>
      </div>
    </div>
    <div
      class="ui-info-box"
      v-show="this.submitList.is_important_person == '1'"
    >
      <div class="ui-info-box-contant">
        <div class="medical_obs_expire">
          <p class="control-label">医学观察是否期满</p>
          <p style="font-size: 0.37rem; padding-left: 0.4rem">
            提示：仅针对第一类人员
          </p>
          <van-radio-group
            direction="horizontal"
            v-model="submitList.medical_obs_expire"
            style="padding-top: 0.5rem; padding-left: 0.4rem"
          >
            <van-radio name="0">不涉及</van-radio>
            <van-radio name="1" style="padding: 0 0.5rem">是</van-radio>
            <van-radio name="2">否</van-radio>
          </van-radio-group>
        </div>
      </div>
    </div>
    <div
      class="ui-info-box"
      v-show="this.submitList.is_important_person == '1'"
    >
      <div class="ui-info-box-contant">
        <p class="control-label">解除隔离医学观察告知书</p>
        <p style="font-size: 0.37rem; padding-left: 0.4rem">
          提示：仅针对第一类人员
        </p>
        <div style="display: flex; justify-content: left">
          <van-uploader
            :after-read="handleUploadJc"
            :before-read="beforeReadJc"
            @delete="deleteDel"
            accept="image/*"
            v-model="fileDelList"
          />
        </div>
      </div>
    </div>
    <!-- 车牌号 -->
    <!-- <div class="ui-info-box">
      <div class="ui-info-box-contant boxSize">
        <p class="control-label">报送车牌号</p>
        <div class="car">

          <van-field
            v-model="submitList.car_num"
            label="车牌号码"
            placeholder="请输入车牌号码"
          />
        </div>
        
      </div>
    </div>
 -->
    <div class="ui-info-box ui-border-none">
      <div class="ui-info-box-contant ui-contant">
        <p class="control-label">离开/返回驻地报备</p>
        <!-- <h2 class="ui-info-title">其他需要说明的情况</h2> -->
        <van-dropdown-menu class="infoInputChose">
          <van-dropdown-item
            v-model="select_option"
            @change="changeinput"
            :options="option3"
          />
        </van-dropdown-menu>
        <div class="controls ui-form-control">
          <textarea
            class="form-control textarea-control"
            id="inputQTXYSMQKInfo"
            name="inputQTXYSMQKInfo"
            v-model="submitList.normal_des"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="ui-info-box ui-border-none">
      <div class="ui-info-box-contant ui-contant">
        <p class="control-label">异常报备</p>
        <van-dropdown-menu class="infoInputChose">
          <van-dropdown-item
            v-model="select_info"
            @change="changeinfo"
            :options="option4"
          />
        </van-dropdown-menu>
        <div class="controls ui-form-control">
          <textarea
            class="form-control textarea-control"
            id="inputQTXYSMQKInfo"
            name="inputQTXYSMQKInfo"
            v-model="submitList.exception_des"
            :disabled="isdisabled"
          ></textarea>
        </div>
      </div>
    </div>
    <!-- <div class="ui-form-bottom">
      <h3>友情链接</h3>
      <label >
        <a
          href="http://m.bj.bendibao.com/news/gelizhengce/fengxianmingdan.php?src=baidu"
         style="color:red;font-size:0.35rem;" >全国高中风险地区名单</a
        >
      </label>
      <label><a
          href="http://m.wh.bendibao.com/news/135629.shtm"
         style="color:red;font-size:0.35rem;" >湖北疾控管控区域</a
        ></label>
    </div> -->
    <div class="ui-form-bottom">
      <h3>温馨提示</h3>
      <label>
        建议将表格中今日所填内容复制到个人手机上的记事本或截图保存，以便在近期每天填报该表格时查阅以往填报内容是否有偏差。
      </label>
      <label style="margin-top: 8px">
        为保证数据排查数据真实可靠，本调查表需按照个人真实信息如实填报，做到不隐瞒、不虚报表格中所填信息，如有查实，将严厉处分。</label
      >
    </div>
    <div class="ui-btn-group">
      <van-button
        type="primary"
        class="btn btn-default submit"
        block
        @click="submit"
        >提交</van-button
      >
    </div>
    <van-dialog v-model="showDialog" show-confirm-button>
      <div style="padding: 0.2rem; font-size: 14px">
        <h4>
          实施人员分类管控:<span style="color: blue">(前三类为重点人员)</span>
        </h4>
        <p>
          1、第一类：14天内有
          <a
            href="http://m.bj.bendibao.com/news/gelizhengce/fengxianmingdan.php?src=baidu"
            style="color: red; font-size: 0.35rem; border-bottom: 1px solid red"
            >国内中高风险地区</a
          >，以及<a
            href="http://m.wh.bendibao.com/news/135629.shtm"
            style="color: red; font-size: 0.35rem; border-bottom: 1px solid red"
            >湖北疾控管控区域</a
          >旅居史的来（返）汉人员（包括共同居住人有上述旅居史的）。
        </p>
        <p>2、第二类：14天内有省外非上述地区旅居史的来（返）汉人员。</p>
        <p>3、第三类：14天内有省内武汉市外非上述地区旅居史的来（返）汉人员。</p>
        <p>4、第四类：14天内无武汉市外旅居史人员。</p>
      </div>
    </van-dialog>
  </van-form>
</template>
<script>
import { areaList } from "@vant/area-data";
import { upload, submitQuery, downloadImg } from "@/api/all.js";
import { Dialog } from "vant";
// import { loadBMap } from "@/utils/map.js";
import getMap from "@/mixins/getMap.js";
export default {
  // components: {
  //   Dialog: Dialog.Component,
  // },

  mixins: [getMap],
  data() {
    return {
      importantTrue: "",
      showDialog: false,
      isdisabled: true,
      isfever: false,
      flag: false,
      isActive: false,
      src: "",
      srcimg: "",
      showcovid: false,
      showcont: false,
      title1: "请选择今日在岗状态",
      name: "", // 手机号码
      // 校验手机号码
      nameRules: [
        {
          required: true,
          message: "姓名不能为空",
          trigger: "onBlur",
        },
        // {
        //   validator: (value) => {
        //     return /^([\u4e00-\u9fa5]{2,20}|[a-zA-Z.\s]{2,20})$/.test(value);
        //   },
        //   message: "请输入正确姓名",
        //   trigger: "onBlur",
        // },
      ],
      // twRules: [
      //   {
      //     required: true,
      //     message: "请输入体温",
      //     trigger: "onBlur",
      //   },
      //   {
      //     validator: (value) => {
      //       /* return /((3[5-9])|41).\d+(,\d+)*$/.test(value); */
      //       /* return /((3[5-9])|41)+(,\d+)*$/.test(value); */
      //       return /^(3[5-9]|4[0-1])(\.\d{1})?$/.test(value);
      //     },
      //     message: "一般35.0到41.9",
      //     trigger: "onBlur",
      //   },
      // ],
      // xwRules: [
      //   {
      //     required: false,
      //     message: "请输入体温",
      //     trigger: "onBlur",
      //   },
      //   {
      //     required: false,
      //     validator: (value) => {
      //       /* return /((3[5-9])|41).\d+(,\d+)*$/.test(value); */
      //       /* return /((3[5-9])|41)+(,\d+)*$/.test(value); */
      //       return /^(3[5-9]|4[0-1])(\.\d{1})?$/.test(value);
      //     },
      //     message: "一般35.0到41.9",
      //     trigger: "onBlur",
      //   },
      // ],
      // idRules: [
      //   {
      //     required: true,
      //     message: "身份证后四位不能为空",
      //     trigger: "onBlur",
      //   },
      //   {
      //     validator: (value) => {
      //       return /^[\u4e00-\u9fa5]{4,4}$|^[\dA-Za-z_]{4,4}$/.test(value);
      //     },
      //     message: "请输入身份证后四位",
      //     trigger: "onBlur",
      //   },
      // ],

      submitList: {
        user_name: "",
        user_category: "",
        am_temperatrue: "",
        // pm_temperatrue: "",
        pic_path: "",
        pic_visit: "",
        work_state: 1,
        other_situation: "",
        normal_des: null,
        exception_des: null,
        normal_des_type: null,
        exception_des_type: null,
        user_address: "",
        // 20220207 是否发热
        is_heat: "0",
        //核酸
        nucleic_acid_path: "",
        nucleic_acid_date: "",
        nucleic_acid_result: "阴性",
        release_notice_path: "",
        nucleic_acid_path2: "",
        nucleic_acid_date2: "",
        nucleic_acid_result2: "阴性",
        // 车牌号:,
        car_num: "",
        medical_obs_expire: "0",
        is_important_person: "0",
        ry_date: "",
      },
      list1: [],
      list2: [],
      //一次核酸----
      fileRepList: [],
      // 二次核酸
      fileRepSecList: [],
      //隔离证明
      fileDelList: [],
      //阴1，阳2
      isTrue: "1",
      //二次阴1，阳2
      isSecTrue: "1",
      //时间
      value: "",
      value2: "",
      value3: "",
      currentDate: new Date(),
      currentSecDate: new Date(),
      currentImportantDate: new Date(),
      visit_history: "",
      health_code: "",
      vaccination_state: "",
      work_state: "",
      other_situation: "",
      select_option: "",
      select_info: "",
      option2: [
        { text: "请选择今日在岗状态", value: 0 },
        { text: "现场", value: 1 },
        { text: "出差", value: 2 },
        { text: "因私离汉（含离汉远程办公）", value: 3 },
        { text: "远程办公（在汉）", value: 4 },
        { text: "节假日或休假在汉", value: 5 },
        { text: "集中隔离（社区安排）", value: 7 },
        { text: "居家隔离（社区安排）", value: 8 },
      ],
      option3: [
        {
          text: "请选择离开/返回驻地报备情况说明",
          value: "",
        },
        {
          text: "出差离驻地",
          value:
            "武汉事业群集约化运营服务团队，于XX月XX日至xx月XX日出差XX地，交通方式飞机/高铁，飞机/高铁的航班号/车次号为XXX。",
        },
        {
          text: "出差返驻地",
          value:
            "武汉事业群集约化运营服务团队，于XX月XX日至xx月XX日出差XX地返回，返汉直达/返汉中途在xx停留/换乘，交通方式飞机/高铁，飞机/高铁的航班号/车次号为XXX。",
        },
        {
          text: "因私离驻地",
          value:
            "武汉事业群集约化运营服务团队，于XX月XX日至xx月XX日出行XX地，交通方式飞机/高铁/自驾，飞机/高铁的航班号/车次号/车牌号为XXX。",
        },
        {
          text: "因私返驻地",
          value:
            "武汉事业群集约化运营服务团队，于XX月XX日至xx月XX日出行XX地返回，返汉直达/返汉中途在xx停留/换乘，交通方式飞机/高铁，飞机/高铁的航班号/车次号/车牌号为XXX。",
        },
      ],
      option4: [
        {
          text: "请选择异常报备情况说明",
          value: "",
        },
        {
          text: "本人或同住人员十四天内途径区域有1例及以上感染者",
          value:
            "因为XX事项于X月X日-X月X日到XX地点，十四天到访或出差地出现确诊病例,是/否到访中高风险地区（是需说明具体地点），是/否报告社区,社区安排集中隔离/居家隔离，是/否做核酸，最近一次核酸日期为XX，核酸结果为阴/阳/未出.",
        },
        {
          text: "本人或同住人员是否被疾控部门确认为确诊、疑似、无症状感染者、密接、次密接人员",
          value:
            "因为XX事项于X月X日-X月X日到X X地点，十四天到访或出差地出现诊断为确诊/疑似/无症状感染者/密接/次密接人员,是/否到访中高风险地区（是需说明具体地点），是/否报告社区,社区安排集中隔离/居家隔离，是/否做核酸，最近一次核酸日期为XX，核酸结果为阴/阳/未出.",
        },
        {
          text: "居住地或附近出现封控",
          value:
            "居住地或附近出现封控,现居住地址为XX街道XX小区，是/否报告社区,社区安排集中隔离/居家隔离/无安排，是/否做核酸，最近一次核酸日期为XX，核酸结果为阴/阳/未出。",
        },
        {
          text: "同住人员发热",
          value:
            "居住地或附近出现发热或同住人员出现发热,现居住地址为XX街道XX小区，是/否报告社区,社区安排集中隔离/居家隔离/无安排，是/否做核酸，最近一次核酸日期为XX，核酸结果为阴/阳/未出。",
        },
        {
          text: "是否有咽痛、咳嗽等症状",
          value: "XX月XX日出现XX症状，是否已就医，诊断情况等。",
        },
      ],
      fileList: [],
      fileimg: [],

      user_name: "",
      id_card: "",
      user_category: 0,
      user_address: "",
      street: "",
      room: "",
      option1: [
        { text: "请选择人员类别", value: 0 },
        { text: "金科", value: 1 },
        { text: "公司", value: 2 },
      ],
      areaList,
      areaList2: {
        province_list: {
          110000: "事业群员工",
          120000: "合作公司员工",
          130000: "项目业务人员",
        },
        city_list: {
          110100: "事业群领导",
          110200: "综合运营团队",
          110300: "项目运营团队",
          110400: "质控运维团队",
          110500: "社会化平台服务团队",
          110600: "物联网服务团队",
          110700: "业务拓展团队",
          110800: "机构与参数服务团队",
          110900: "架构服务团队",
          111000: "配送与档案服务团队",
          111100: "集约化运营服务团队",
          111200: "回结单及金融市场服务团队",
          111300: "审计业务服务团队",
          111400: "建行学习生态团队",
          111500: "代收代付服务团队",
          111600: "核心银行实施团队",
          111700: "机构业务与外部协查服务团队",
          120100: "博彦",
          120200: "高伟达",
          120300: "慧博云端",
          120400: "京北方",
          120500: "良鸟科技",
          120600: "软通动力",
          120700: "万数解码",
          120800: "中电金信",
          120900: "汉王科技",
          121000: "方正国际",
          121100: "上海新致",
          121200: "成都天用唯勤",
          121300: "珠海派诺科技",
          121400: "北京格灵深瞳",
          121500: "北京蓝色星际",
          121600: "北京联龙博通",
          121700: "润和软件",
          121800: "先进数通",
          121900: "广州易方",
          122000: "龙猫科技",
          130100: "代收代付服务团队",
          130200: "物联网服务团队",
          130300: "配送与档案服务团队",
          130400: "集约化运营服务团队",
          130500: "机构与参数服务团队",
          130600: "机构业务与外部协查服务团队",
          130700: "审计业务服务团队",
        },
      },
      searchResult: [],
      show: false,
      carmodel: "",
      carmodelVal: "",

      countHs: 0,
      countZm: 0,
      showPicker: false,
      showSecPicker: false,
      showimportantPicker: false,
      timer: "",
      picTime: "",
      visitTime: "",
    };
  },
  mounted() {
    // this.timer = setTimeout(function () {
    //   let refreshHour = new Date().getHours();
    //   let refreshMin = new Date().getMinutes();
    //   let refreshSec = new Date().getSeconds();
    //   if (refreshHour == "16" && refreshMin == "9") {
    //     localStorage.removeItem("picpath");
    //     localStorage.removeItem("picvisit");
    //   }
    // }, 1000);
  },
  // beforeDestroy() {
  //   clearTimeout(this.timer);
  // },
  created() {
    let time1 = new Date();
    this.timer =
      time1.getFullYear() +
      "-" +
      (time1.getMonth() + 1) +
      "-" +
      time1.getDate();
    console.log("this.timer", this.timer);
    console.log("this.pictime", JSON.parse(localStorage.getItem("pictime")));
    // console.log("this.visitTime", this.visitTime);
    if (
      localStorage.getItem("pictime") &&
      this.timer != JSON.parse(localStorage.getItem("pictime"))
    ) {
      localStorage.removeItem("picpath");
      localStorage.removeItem("picvisit");
      //     localStorage.removeItem("picvisit");
    }
    // console.log(localStorage.getItem("xinxi"));
    if (localStorage.getItem("personChose")) {
      this.carmodel = localStorage.getItem("personChose");
    }
    if (localStorage.getItem("pictime")) {
      if (localStorage.getItem("picpath")) {
        this.submitList.pic_path = JSON.parse(localStorage.getItem("picpath"));
        if (this.submitList.pic_path) {
          this.fileList.push({ url: `${this.submitList.pic_path}` });
          console.log(this.fileList);
        } else {
          this.fileList = [];
        }
      }
      if (localStorage.getItem("picvisit")) {
        this.submitList.pic_visit = JSON.parse(
          localStorage.getItem("picvisit")
        );
        if (this.submitList.pic_visit) {
          this.fileimg.push({ url: `${this.submitList.pic_visit}` });
          console.log(this.fileimg);
        } else {
          this.fileimg = [];
        }
      }
    } else {
      this.submitList.pic_visit = "";
      this.submitList.pic_path = "";
    }
    if (localStorage.getItem("xinxi")) {
      const localList = JSON.parse(localStorage.getItem("xinxi"));
      this.submitList.user_name = localList.user_name;
      console.log("this.submitList.user_name", this.submitList.user_name);
      this.submitList.user_category = localList.user_category;
      // this.submitList.pic_path = localList.pic_path;
      // this.submitList.pic_visit = localList.pic_visit;
      this.submitList.work_state = localList.work_state;
      this.submitList.other_situation = localList.other_situation;
      // if (this.submitList.pic_path) {
      //   this.fileList.push({ url: `${this.submitList.pic_path}` });
      //   console.log(this.fileList);
      // } else {
      //   this.fileList = [];
      // }
      // if (this.submitList.pic_visit) {
      //   this.fileimg.push({ url: `${this.submitList.pic_visit}` });
      //   console.log(this.fileimg);
      // } else {
      //   this.fileimg = [];
      // }
    }
  },
  methods: {
    // 20220215优化
    clearImg1() {
      this.value = "";
      this.submitList.nucleic_acid_date = "";
    },
    clearImg2() {
      this.value3 = "";
      this.submitList.ry_date = "";
    },
    clearImg3() {
      this.value2 = "";
      this.submitList.nucleic_acid_date2 = "";
    },
    // 是否发热
    showTemperatrue(e) {
      // console.log("kdkdk", 111);
      if (e == 1) {
        this.isfever = true;
      } else if (e == 0) {
        this.isfever = false;
      }
    },
    // 是否是重点
    getImportantp() {
      this.showDialog = true;
    },
    // 正常报送其他情况说明
    changeinput(value) {
      if (value == "") {
        this.submitList.normal_des = null;
        this.submitList.normal_des_type = null;
      } else {
        this.submitList.normal_des = value;
        this.submitList.normal_des_type = this.option3.filter(
          (item) => item.value === value
        )[0].text;
      }
      console.log(
        "this.submitList.normal_des_type",
        this.submitList.normal_des_type
      );
    },
    // 异常报备
    changeinfo(value) {
      console.log("value", value);
      // this.submitList.exception_des = value;
      if (value == "") {
        this.submitList.exception_des = null;
        this.submitList.exception_des_type = null;
        this.isdisabled = true;
      } else {
        this.isdisabled = false;
        this.submitList.exception_des = value;
        this.submitList.exception_des_type = this.option4.filter(
          (item) => item.value === value
        )[0].text;
        console.log(
          "this.submitList.exception_des_type",
          this.submitList.exception_des_type
        );
      }
    },
    delete1() {
      console.log(11111);
      this.submitList.pic_path = "";
      this.showcovid = false;
    },
    deletefile() {
      this.submitList.pic_visit = "";
      this.showcont = false;
      console.log("this.submitList.pic_visit11", this.submitList.pic_visit);
    },
    //一次核酸
    deleteRep(e) {
      this.submitList.nucleic_acid_path = "";
    },
    // 二次核酸
    deleteRepSec(e) {
      this.submitList.nucleic_acid_path2 = "";
    },

    deleteDel() {
      this.submitList.release_notice_path = "";

      console.log(
        "this.submitList.pic_visit11",
        this.submitList.release_notice_path
      );
    },
    onConfirmTime(time) {
      console.log(time);
      this.value = this.utilsDate(time);
      this.submitList.nucleic_acid_date = this.value;
      this.showPicker = false;
    },
    onConfirmSecTime(time) {
      console.log(time);
      this.value2 = this.utilsDate(time);
      this.submitList.nucleic_acid_date2 = this.value2;
      this.showSecPicker = false;
    },
    importantTime(time) {
      console.log(time);
      this.value3 = this.utilsDate(time);
      this.submitList.ry_date = this.value3;
      this.showimportantPicker = false;
    },
    utilsDate(time) {
      let date = new Date(time);
      let year = date.getFullYear(); // 年
      let month = date.getMonth() + 1; // 月
      month = month < 10 ? "0" + month : month; // 如果只有一位，则前面补零
      let day = date.getDate(); // 日
      day = day < 10 ? "0" + day : day; // 如果只有一位，则前面补零
      // let hour = date.getHours(); // 时
      // hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
      // let minute = date.getMinutes(); // 分
      // minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
      // let second = date.getSeconds(); // 秒
      // second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
      let val = `${year}-${month}-${day}`;
      return val;
    },
    // 0211
    handleisTrue(val) {
      console.log("thisval", val);
      if (val == 1) {
        this.submitList.nucleic_acid_result = "阴性";
      } else {
        this.submitList.nucleic_acid_result = "阳性";
      }
    },
    handleisSecTrue(val) {
      console.log("thisval2", val);
      if (val == 1) {
        this.submitList.nucleic_acid_result2 = "阴性";
      } else {
        this.submitList.nucleic_acid_result2 = "阳性";
      }
    },
    // 是否是重点，如果否的话清空
    handleImportant(e) {
      if (e == 0) {
        this.submitList.nucleic_acid_path = "";
        this.submitList.nucleic_acid_date = "";
        this.submitList.nucleic_acid_result = "阴性";
        this.submitList.nucleic_acid_path2 = "";
        this.submitList.nucleic_acid_date2 = "";
        this.submitList.nucleic_acid_result2 = "阴性";
        this.submitList.release_notice_path = "";
        this.importantTrue = "";
        this.submitList.medical_obs_expire = "0";
        this.fileRepList = [];
        this.fileRepSecList = [];
        this.fileDelList = [];
        this.isTrue = "1";
        this.isSecTrue = "1";
        this.value = "";
        this.value2 = "";
        this.value3 = "";
        this.submitList.ry_date = "";
      }
    },
    // 提交按钮
    submit() {
      console.log("111");
      // if (this.submitList.user_address == "") {
      //   Dialog.alert({
      //     message: "请获取定位",
      //   }).then(() => {
      //     // on close
      //   });
      //   return;
      // }
      if (this.submitList.user_name == "") {
        Dialog.alert({
          message: "请填写姓名",
        }).then((res) => {
          // on close
        });
        return;
      }
      if (this.submitList.user_category == "") {
        Dialog.alert({
          message: "请填写人员类别",
        }).then(() => {
          // on close
        });
        return;
      }
      if (
        this.submitList.is_heat == "1" &&
        this.submitList.am_temperatrue == ""
      ) {
        Dialog.alert({
          message: "请填写体温",
        }).then(() => {
          // on close
        });
        return;
      }
      if (this.submitList.pic_path == "") {
        Dialog.alert({
          message: "请上传健康码",
        }).then(() => {
          // on close
        });
        return;
      }
      if (this.submitList.pic_visit == "") {
        Dialog.alert({
          message: "请上传行程码",
        }).then(() => {
          // on close
        });
        return;
      }
      if (this.submitList.work_state == "0") {
        Dialog.alert({
          message: "请填写在岗状态",
        }).then(() => {
          // on close
        });
        return;
      }
      // 0210
      if (this.submitList.is_important_person == "1") {
        if (this.importantTrue == "0") {
          if (
            this.submitList.nucleic_acid_path == "" ||
            this.submitList.nucleic_acid_date == "" ||
            this.submitList.nucleic_acid_result == "" ||
            this.submitList.nucleic_acid_path2 == "" ||
            this.submitList.nucleic_acid_date2 == "" ||
            this.submitList.nucleic_acid_result2 == "" ||
            this.submitList.release_notice_path == ""
          ) {
            Dialog.alert({
              message: "第一类人员需提交两次核酸报告和解除隔离医学观察告知书",
            }).then(() => {
              // on close
            });
            return;
          }
        } else if (this.importantTrue == "1") {
          if (
            this.submitList.nucleic_acid_path == "" ||
            this.submitList.nucleic_acid_date == "" ||
            this.submitList.nucleic_acid_result == "" ||
            this.submitList.nucleic_acid_path2 == "" ||
            this.submitList.nucleic_acid_date2 == "" ||
            this.submitList.nucleic_acid_result2 == ""
          ) {
            Dialog.alert({
              message: "第二类人员需提交两次核酸报告",
            }).then(() => {
              // on close
            });
            return;
          }
        } else if (this.importantTrue == "2") {
          if (
            this.submitList.nucleic_acid_path == "" ||
            this.submitList.nucleic_acid_date == "" ||
            this.submitList.nucleic_acid_result == ""
          ) {
            Dialog.alert({
              message: "第三类人员需提交一次核酸报告",
            }).then(() => {
              // on close
            });
            return;
          }
        } else {
          Dialog.alert({
            message: "请选择重点人员类别",
          }).then(() => {
            // on close
          });
          return;
        }
      }
      console.log("11111111", this.submitList);
      this.$refs.form.validate("name").then(() => {
        localStorage.setItem("xinxi", JSON.stringify(this.submitList));
        localStorage.setItem("personChose", this.carmodel);
        console.log("23445");
        submitQuery(this.submitList).then((res) => {
          console.log("提交", res);
          if (res.data.code == "200") {
            var date = new Date();
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            this.picTime = y + "-" + m + "-" + d;
            // this.picTime = "2022-2-9";
            localStorage.setItem("pictime", JSON.stringify(this.picTime));
            this.$router.push({
              path: "/jump",
            });
            // this.submitList.user_name = "";
            // this.submitList.user_category = "110000";
            // this.submitList.am_temperatrue = "";
            // this.submitList.pm_temperatrue = "";
            // this.submitList.pic_path = "";
            // this.submitList.pic_visit = "";
            // this.submitList.work_state = "0";
            // this.submitList.other_situation = "";
            // this.submitList.exception_des ="";
            // this.submitList.normal_des ="";
          } else if (res.data.code == "201") {
            Dialog.alert({
              message: res.data.message,
            }).then(() => {
              // on close
              this.$router.push({
                path: "/jump",
              });
            });
          } else if (res.data.code == "501") {
            Dialog.alert({
              title: "提示",
              message: "基础名单未找到此用户",
            }).then(() => {
              // on close
            });
          } else if (res.data.code == "502") {
            this.$toast.fail("用户重名");
          } else {
            Dialog.alert({
              title: "提示",
              message: "提交失败，请稍后再试",
            }).then(() => {
              // on close
            });
          }
        });
      });
      this.list1 = [];
      // .catch(() => {
      //   this.$toast.fail("请填写完整内容！！！");
      // });
    },
    // 上传绿码
    beforeReadJk(file) {
      console.log("filetype", file.type);
      if (this.fileList.length >= 1) {
        this.$toast.fail("无需多次上传");
        return false;
      }
      return true;
    },
    beforeReadXc(file) {
      console.log("filetype", file.type);
      if (this.fileimg.length >= 1) {
        this.$toast.fail("无需多次上传");
        return false;
      }
      return true;
    },
    // 核酸证明
    beforeReadZm(file) {
      console.log("filetype", file.type);
      console.log("filetype", file.type);
      if (this.fileRepList.length >= 1) {
        this.$toast.fail("上传张数不能大于1张");
        return false;
      }
      return true;
    },
    beforeReadSecZm(file) {
      if (this.fileRepSecList.length >= 1) {
        this.$toast.fail("上传张数不能大于1张");
        return false;
      }
      return true;
    },
    //上传一次核酸
    handleUploadZm(file) {
      file.status = "uploading";
      file.message = "上传中...";
      console.log("file", file);
      const tempFile = file.file;
      const type = tempFile.type;
      console.log("type", type);
      const size = tempFile.size;
      const newName = new Date().getTime() + tempFile.name;
      let uploadFile = new File([tempFile], newName, {
        type,
        size,
      });
      console.log("uploadFile", uploadFile);
      let formData = new FormData();
      formData.append("file", uploadFile);
      formData.append("type", "0");
      console.log("formData", formData);
      upload(formData).then((res) => {
        console.log("res上传结果", res);
        console.log("resresres", res.data.code);
        if (res.data.code == "200") {
          file.status = "done";
          file.message = "上传成功";
          /* this.submitList.nucleic_acid_path += (res.data.data+',');
          console.log(this.submitList.nucleic_acid_path); */

          /* this.list1.push(res.data.data) */
          this.submitList.nucleic_acid_path = res.data.data;
          console.log(
            "this.submitList.nucleic_acid_path------",
            this.submitList.nucleic_acid_path
          );
        } else if (res.data.code == "501") {
          file.status = "";
          file.message = "";
          this.fileRepList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "504") {
          file.status = "";
          file.message = "";
          this.fileRepList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "502") {
          file.status = "";
          file.message = "";
          this.fileRepList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "503") {
          file.status = "";
          file.message = "";
          this.fileRepList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else {
          file.status = "";
          file.message = "";
          this.fileRepList = [];
          Dialog.alert({
            title: "提示",
            message: "上传失败，请重新上传",
          }).then(() => {
            // on close
          });
        }
        console.log("res核酸证明" + res.data.data);
      });
    },
    //0210上传二次核酸
    handleUploadSecZm(file) {
      file.status = "uploading";
      file.message = "上传中...";
      console.log("file", file);
      const tempFile = file.file;
      const type = tempFile.type;
      console.log("type", type);
      const size = tempFile.size;
      const newName = new Date().getTime() + tempFile.name;
      let uploadFile = new File([tempFile], newName, {
        type,
        size,
      });
      console.log("uploadFile", uploadFile);
      let formData = new FormData();
      formData.append("file", uploadFile);
      formData.append("type", "0");
      console.log("formData", formData);
      upload(formData).then((res) => {
        console.log("res上传结果", res);
        console.log("resresres", res.data.code);
        if (res.data.code == "200") {
          file.status = "done";
          file.message = "上传成功";
          /* this.submitList.nucleic_acid_path += (res.data.data+',');
          console.log(this.submitList.nucleic_acid_path); */

          /* this.list1.push(res.data.data) */
          this.submitList.nucleic_acid_path2 = res.data.data;
          console.log(
            "this.submitList.nucleic_acid_path------",
            this.submitList.nucleic_acid_path2
          );
        } else if (res.data.code == "501") {
          file.status = "";
          file.message = "";
          this.fileRepSecList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "504") {
          file.status = "";
          file.message = "";
          this.fileRepSecList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "502") {
          file.status = "";
          file.message = "";
          this.fileRepSecList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "503") {
          file.status = "";
          file.message = "";
          this.fileRepSecList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else {
          file.status = "";
          file.message = "";
          this.fileRepSecList = [];
          Dialog.alert({
            title: "提示",
            message: "上传失败，请重新上传",
          }).then(() => {
            // on close
          });
        }
        console.log("res二次核酸证明" + res.data.data);
      });
    },
    // 解除证明
    beforeReadJc(file) {
      console.log("filetype", file.type);
      if (this.fileDelList.length > 2) {
        this.$toast.fail("上传张数不能大于2张");
        return false;
      }
      return true;
    },
    //上传解除证明
    handleUploadJc(file) {
      file.status = "uploading";
      file.message = "上传中...";
      console.log("file", file);
      const tempFile = file.file;
      const type = tempFile.type;
      console.log("type", type);
      const size = tempFile.size;
      const newName = new Date().getTime() + tempFile.name;
      let uploadFile = new File([tempFile], newName, {
        type,
        size,
      });
      console.log("uploadFile", uploadFile);
      let formData = new FormData();
      formData.append("file", uploadFile);
      formData.append("type", "0");
      console.log("formData", formData);
      upload(formData).then((res) => {
        console.log("res上传结果", res);
        console.log("resresres", res.data.code);

        if (res.data.code == "200") {
          file.status = "done";
          file.message = "上传成功";
          this.list2.push(res.data.data);
          this.submitList.release_notice_path = this.list2.toString();
        } else if (res.data.code == "501") {
          file.status = "";
          file.message = "";
          this.fileDelList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "504") {
          file.status = "";
          file.message = "";
          this.fileDelList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "502") {
          file.status = "";
          file.message = "";
          this.fileDelList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "503") {
          file.status = "";
          file.message = "";
          this.fileDelList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else {
          file.status = "";
          file.message = "";
          this.fileDelList = [];
          Dialog.alert({
            title: "提示",
            message: "上传失败，请重新上传",
          }).then(() => {
            // on close
          });
        }
        console.log("res解除证明" + res.data.data);
      });
    },

    //上传健康码
    handleUpload(file) {
      file.status = "uploading";
      file.message = "上传中...";
      console.log("file", file);
      const tempFile = file.file;
      const type = tempFile.type;
      console.log("type", type);
      const size = tempFile.size;
      const newName = new Date().getTime() + tempFile.name;
      let uploadFile = new File([tempFile], newName, {
        type,
        size,
      });
      console.log("uploadFile", uploadFile);
      let formData = new FormData();
      formData.append("file", uploadFile);
      formData.append("type", "0");
      console.log("formData", formData);
      upload(formData).then((res) => {
        console.log("res上传结果", res);
        console.log("resresres", res.data.code);
        if (res.data.code == "200") {
          file.status = "done";
          file.message = "上传成功";
          this.submitList.pic_path = res.data.data;
          localStorage.setItem(
            "picpath",
            JSON.stringify(this.submitList.pic_path)
          );
          // $.cookie("cacheImg", this.submitList.pic_path, { expires: expires }); // 把图片路径存起来，过期时间是第二天的0点
        } else if (res.data.code == "501") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "504") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "502") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "503") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: "上传失败，请重新上传",
          }).then(() => {
            // on close
          });
        }
        console.log("res健康码" + res.data.data);
      });
    },
    // 上传行程码
    uploadimg(file) {
      file.status = "uploading";
      file.message = "上传中...";
      const tempFile = file.file;
      const type = tempFile.type;
      const size = tempFile.size;
      const newName = new Date().getTime() + tempFile.name;
      let uploadFile = new File([tempFile], newName, {
        type,
        size,
      });
      let formData = new FormData();
      formData.append("file", uploadFile);
      formData.append("type", "1");
      console.log("formData", formData);
      upload(formData).then((res) => {
        if (res.data.code == "200") {
          file.status = "done";
          file.message = "上传成功";
          this.submitList.pic_visit = res.data.data;
          localStorage.setItem(
            "picvisit",
            JSON.stringify(this.submitList.pic_visit)
          );
        } else if (res.data.code == "501") {
          file.status = "";
          file.message = "";
          this.fileimg = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "504") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "502") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else if (res.data.code == "503") {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: res.data.message,
          }).then(() => {
            // on close
          });
        } else {
          file.status = "";
          file.message = "";
          this.fileList = [];
          Dialog.alert({
            title: "提示",
            message: "上传失败，请重新上传",
          }).then(() => {
            // on close
          });
        }
        console.log("res行程吗:" + res);
      });
    },
    /* touchStart(e) {
      e.target.style.borderColor="skyblue"
     },
     touchend(e) {
       e.target.style.borderColor=""
     }, */
    // 弹出层显示
    showPopup() {
      this.show = true;
    },
    //value=0改变省，1改变市，2改变区
    /* onChange(picker, index, value) {
      let val = picker.getValues();
      console.log(val); //查看打印
      let areaName = "";
      for (var i = 0; i < val.length; i++) {
        areaName = areaName + (i == 0 ? "" : "/") + val[i].name;
      }
      this.carmodel = areaName;
    }, */
    //确定选择城市
    onConfirm(val) {
      /*  */
      this.show = false; //关闭弹框
      if (!!val[1]) {
        this.carmodel = val[0].name + "/" + val[1].name;
        this.submitList.user_category = val[0].code + val[1].code;
        console.log(this.carmodel, this.submitList.user_category);
      } else {
        this.carmodel = val[0].name;
        this.submitList.user_category = val[0].code;
        console.log(this.carmodel, this.submitList.user_category);
      }
    },
    //取消选中城市
    onCancel() {
      this.show = false;
      this.$refs.myArea.reset(); // 重置城市列表
    },
  },
};
</script>
<style>
.van-dropdown-menu__bar {
  height: 70px;
}
.van-cell {
  border: 0.013333rem solid #ccc;
  border-radius: 0.106667rem;
}
.car .van-cell {
  border: none;
}
h3 {
  font-size: 38px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.van-dropdown-item {
  position: fixed;
  right: 40px;
  left: 40px;
  z-index: 10;
  overflow: hidden;
}
/* label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  color: #fff;
} */
/* .van-dropdown-item {
  position:fixed;
  right: 40px;
  left: 40px;
  z-index: 10;
  overflow: hidden;
} */
</style>
<style lang="less">
.healthpic {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.isActive {
  border: 4px solid red;
  box-sizing: border-box;
}
.noActive {
  border-color: none;
}
.ui-info-box {
  border-bottom: 1px dotted #e0e0e0;
  padding: 0.533rem 0.533rem;
  position: relative;

  .ui-info-box-contant {
    border-radius: 0.1333rem;
    min-height: 200px;
    background-color: #fff;
    padding-top: 50px;
  }
  .ui-contant {
    min-height: 350px;
  }
}

.ui-border-none {
  border: none;
}
.ui-info-title {
  text-align: center;
  line-height: 0.8rem;
  font-size: 0.6rem;
  margin: 0;
  font-weight: 500;
}
.ui-btn-group {
  text-align: center;
  padding: 0.3rem 0 0.3rem;
}
.ui-btn-group .btn-default {
  width: 5rem;
  font-size: 0.4rem;
  line-height: 3rem;
  background: #ffc758;
  color: #ffff;
  border: 1px solid #fff;
  border-radius: 10px;
  display: inline-block;
  padding: 4px 6px;
  font-weight: 700;
}
.control-label {
  position: absolute;
  display: inline-block;
  background-color: #ffc758;
  padding: 10px 20px;
  left: 40px;
  top: 10px;
  text-align: center;
  font-size: 0.4rem;
  font-weight: 400;
  font-weight: 700;
}
.van-radio--horizontal {
  margin-right: 5px;
}
.van-radio__label {
  margin-left: 1px;
  color: #323233;
  font-weight: 600;
  line-height: 20px;
}
.form-control {
  display: block;
  width: 100%;
  height: 1rem;
  padding: 0.2rem 0.3rem;
  font-size: 24px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
textarea.form-control {
  height: 2rem;
}
.ui-form-control {
  padding: 0.2rem 0 0 0.13rem;
  text-align: center;
}
.textarea-control {
  width: 90%;
}
.ui-form-bottom {
  display: inline-block;
  padding: 0.3rem 0.3rem;
  font-weight: 700;
  color: #fff;
  // margin-top: 20px;
}
.ui-form-bottom label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  color: #fff;
}
.block {
  display: block;
  max-width: 100%;
  margin: 30px 0 10px 0;
  font-weight: 700;
  font-size: 0.4rem;
}
// .inBlock {
//   display: inline-block;
//   // max-width: 40%;
//   margin: 30px 10px;
//   font-weight: 700;
//   font-size: 0.4rem;
// }
.temperatrue {
  border: 1px solid #ccc;
  // display: block;
  // width: 7.5rem;
  padding: 0.34rem;
  border-radius: 0.13333rem;
}
.bodyContent {
  background-image: url("../assets/background.jpg");
  .box {
    // position: fixed;
    // top: 0;
    // left: 0;
    // right: 0;
    // bottom: 0;
    // overflow-y: auto;
    .rightImg {
      position: absolute;
      width: 100%;
      height: 455px;
      right: 20px;
      z-index: 100;
    }
    .headInfo {
      .yellowTop {
        padding: 10px 0;
        background-color: #ffc758;
        width: 60%;
      }
      padding: 40px;
      .headInfoTop {
        color: #fff;
        text-align: left;
        font-size: 0.6rem;
        margin-top: 10px;
        .headInfoMidImg {
          width: 40px;
          height: 40px;
        }
      }

      .headInfoBottom {
        position: relative;
        padding: 50px 20px;
        background-color: #fff;
        margin-top: 100px;
        border-radius: 10px;
        .headInfoBottomDesc {
          position: absolute;
          display: inline-block;
          background-color: #ffc758;
          padding: 10px 20px;
          left: 0;
          top: -30px;
          text-align: center;
          font-size: 0.4rem;
          font-weight: 400;
          font-weight: 700;
        }
        .infoInputChose {
          height: 90px;
        }
        .tiwen {
          // display: flex;
          // justify-content: space-between;
          .tiwenL::before {
            content: "℃";
            position: absolute;
            // right: 20px;
          }
          .tiwenR::before {
            content: "℃";
            position: absolute;
            // right: 20px;
          }
        }
        .infoInput:focus {
          border: 1px solid #0085bd;
          caret-color: #0085bd;
          box-shadow: 2px 2px 2px #0085bd;
        }
        .infoInput {
          line-height: normal;
          box-sizing: border-box;
          display: block;
          width: 100%;
          height: 70px;
          padding: 6px 12px;
          // font-size: 24px;
          line-height: 70px;
          color: #555;
          background-color: #fff;
          background-image: none;
          border: 1px solid #ccc;
          border-radius: 8px;
          -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
          box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
          -webkit-transition: border-color ease-in-out 0.15s,
            -webkit-box-shadow ease-in-out 0.15s;
          -o-transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s,
            box-shadow ease-in-out 0.15s;
        }
        .addressInput {
          width: 100%;
          display: flex;
          justify-content: space-between;
          line-height: 70px;
          padding: 10px 0;
          .infoInputJZ:focus {
            border: 1px solid #0085bd;
            caret-color: #0085bd;
            box-shadow: 2px 2px 2px #0085bd;
          }
          .infoInputJZ {
            box-sizing: border-box;
            display: inline-block;
            flex: 1;
            height: 80px;
            padding: 6px 12px;
            // font-size: 24px;
            line-height: 80px;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 8px;
          }
          .infoInputSpan {
            width: 150px;
            text-align: center;
            height: 80px;
            line-height: 80px;
            display: inline-block;
            font-size: 24px;
            background-color: #eee;
            padding: 0 20px;
            border: 1px solid #ccc;
            box-sizing: border-box;
          }
        }
        .adressChose {
          padding: 20px 30px;
        }
      }
    }
  }
}
.van-cell--clickable {
  padding: 20px 32px;
}

.timeChoose {
  border: none;
  .van-field__label {
    font-size: 28px;
    color: #323233;
    min-width: 280px;
  }
  .van-field__control {
    text-align: center;
    color: #323233;
    font-size: 28px;
  }
}
.timechoose1 {
  position: relative;
}
.timeimg1 {
  position: absolute;
  top: 67%;
  bottom: 0;
  left: 85%;
  width: 0.5rem;
  height: 0.5rem;
}
.timechoose2 {
  position: relative;
}
.timeimg2 {
  position: absolute;
  top: 73%;
  bottom: 0;
  left: 85%;
  width: 0.5rem;
  height: 0.5rem;
}
.timechoose3 {
  position: relative;
}
.timeimg3 {
  position: absolute;
  top: 67%;
  bottom: 0;
  left: 85%;
  width: 0.5rem;
  height: 0.5rem;
}
.van-radio__label {
  font-weight: normal;
  font-size: 28px;
  color: #323233;
}
.zmRusult {
  margin-top: 10px;
  display: flex;
  font-size: 28px;
  padding-left: 32px;
  color: #323233;
  .zmRusult2 {
    padding-left: 190px;
  }
}
/* .timeChoose .van-field__label {
  font-size: 15px;
  font-weight: normal;
  color: #323233;
}
.timeChoose .van-field__control {
  font-size: 15px;
  font-weight: normal;
} */
.ui-info-box > .boxSize {
  height: 150px;
}
.car {
  margin-top: 20px;
}
//定位p样式
.addressClass {
  height: 80px;
  line-height: 100px;
  border-bottom: 1px solid #ccc;
  .addressClassP {
    font-size: 28px;
  }
}
.van-uploader__preview {
  margin: 0 3px 3px 0;
}
.hesuanImg .van-uploader__preview-image {
  height: 140px;
  width: 140px;
}
.getPosition {
  font-weight: 700;
  font-size: 30px;
}
.addressClassP {
  font-size: 30px;
}
.importantP {
  // border-bottom: 1px solid blue;
  color: blue;
  cursor: pointer;
  padding-left: 6px;
  font-weight: 700;
}
</style>
